<template>
  <view class="box">
    <view class="box1">
      <view class="box2">
        <view class="box211"></view>
        <view class="box21">
          *
        </view>
        <view class="box22">公司名称</view>
        <view class="box23">请输入公司名称</view>
        <view class="box24"></view>
      </view>
      <view class="box3">
        <view class="box21">*</view>
        <view class="box22">商户名称</view>
        <view class="box23">请输入商户名称</view>
        <view class="box24"></view>
      </view>
      <view class="box4">
        <view class="box21">*</view>
        <view class="box22">入驻类型</view>
        <view class="box23">请输入入驻类型></view>
        <view class="box24"></view>
      </view>
      <view class="box5">
        <view class="box51">*</view>
        <view class="box52">Logo</view>
        <view class="box53"><image src="/static/image9.png" /></view>
        <view class="box54"></view>
      </view>
      <view class="box6">
        <view class="box21">*</view>
        <view class="box22">联系人姓名</view>
        <view class="box23">请填写联系人姓名</view>
        <view class="box24"></view>
      </view>
      <view class="box7">
        <view class="box21">*</view>
        <view class="box22">身份证号</view>
        <view class="box23">请填写身份证号</view>
        <view class="box24"></view>
      </view>
      <view class="box8">
        <view class="box21">*</view>
        <view class="box22">联系电话</view>
        <view class="box23">请填写联系电话</view>
        <view class="box24"></view>
      </view>
      <view class="box9">
        <view class="box21">*</view>
        <view class="box22">验证码</view>
        <view class="box92">请输入验证码</view>
        <view class="box91">获取验证码</view>
        <view class="box24"></view>
      </view>
      <view class="index">
        <view class="box21">*</view>
        <view class="box22">所在地区</view>
        <view class="box23">请选择省市区></view>
        <view class="box24"></view>
      </view>
      <view class="index1">
        <view class="box21">*</view>
        <view class="box22">详细地址</view>
        <view class="box23">请填写详细地址</view>
        <view class="box24"></view>
      </view>
      <view class="index2">
        <view class="box21">*</view>
        <view class="box22">上传身份证</view>
        <view class="index21"><image src="/static/image10.png" /></view>    
        <view class="index22"><image src="/static/image11.png" /></view>    
        <view class="index23">身份证正面</view>  
        <view class="index24">身份证反面</view> 
        <view class="box24"></view>              
      </view>
      <view class="index3">
        <view class="box21">*</view>
        <view class="box22">商家资质证件（支持多张照片上传）</view>
        <view class="index21"><image src="/static/image10.png" /></view> 
        <view class="box24"></view>
      </view>
        <view class="index3">
        <view class="box21">*</view>
        <view class="box22">商家门店照片</view>
        <view class="index21"><image src="/static/image12.png" /></view> 
        <view class="box24"></view>
      </view> 
        <view class="index4">
        <view class="box21">*</view>
        <view class="box22">商家介绍</view>
        <view class="box24"></view>
        <view class="index41">请输入商家介绍</view> 
        <view class="index42"></view>
        </view> 
        <view class="index5">
          <view class="index53">
          <uv-checkbox-group v-model="checkboxValue">
			<uv-checkbox 
				:customStyle="{marginBottom: '8px'}" 
				v-for="(item, index) in checkboxList" 
				:key="index" :label="item.name" 
				:name="item.name"
			></uv-checkbox>
		</uv-checkbox-group>
  </view>
    <view class="index51">同意商家</view>
    <view class="index52">入驻协议</view>
  </view> 
<view class="index6"><uv-button type="primary" color="red" shape="circle" text="提交申请"></uv-button></view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        checkboxList: [{
					name: '',
					disabled: false
				}]
      }
    },
    methods: {
      
    }
  }
</script>

<style>
.index6{
  margin-top: 100rpx;
}
.box{
  background-color: rgb(146, 146, 146);
  
}
.box1{
  background-color: white;
}
.index52{
  margin-left:190rpx;
  margin-top: -42rpx;
  color: red;
}
.index51{
  margin-left:60rpx;
  margin-top: -55rpx;
}
.index53{
  margin-top: 50rpx;
}
.index42{
  background-color: rgb(240, 238, 238);
  height:2rpx;
  margin-top:180rpx;
}
.index41{
  margin-top: 60rpx;
  color: darkgray;
}
/* 身份证 */
.index24{
  margin-left: 450rpx;
  margin-top: -45rpx;
  /* border: 1rpx solid red; */
}
.index23{
  margin-left: 90rpx;
  /* border: 1rpx solid red; */
}
.index22 image{
  width: 364rpx;
  height: 290rpx;
  margin-left: 358rpx;
  margin-top: -302rpx;
  position: absolute;
  /* border: 1rpx solid red; */
}
.index21 image{
  width: 360rpx;
  height: 300rpx;
  margin-top: 20rpx;
  /* border: 1rpx solid red; */
}
/* 验证码 */
.box92{
margin-left: 340rpx;
  margin-top: -45rpx;
  color: darkgrey;

}
.box91{
  text-align: right;
  margin-top: -45rpx;
  color: red;
}
/* 5 */
.box51{
  color: red;
  margin-top: 50rpx;
}
.box52{
  margin-left: 20rpx;
  margin-top: -45rpx;
}
.box53 image{
width: 130rpx;
height: 120rpx;
margin-left: 600rpx;
margin-top: -75rpx;
}
.box54{
  background-color: rgb(237, 236, 236);
  height:2rpx;
  margin-top:8rpx;
}
/* 4xia */
.box24{
  background-color: rgb(243, 235, 235);
  height:2rpx;
  margin-top: 35rpx;
}
.box23{
  text-align: right;
  margin-top: -45rpx;
  color: darkgrey;
}
.box21{
  color: red;
  margin-top: 30rpx;
}
.box22{
  margin-left: 20rpx;
  margin-top: -45rpx;
  
}
.box211{
  background-color: rgb(226, 221, 221);
  height:2rpx;
}
.box{
  margin: 0rpx 20rpx;
}
</style>
